.html-container-pagination{
width:950px;
height:auto;
padding:5px;
margin-top:10px;
margin-left:3px;
float:left;
}
.html-container-items{
width:918px; 
height:375px; 
margin-left:24px; 
border:1px solid #ccc; 
margin-top:10px;
}
.html-item{
width:102px;
height:120px; 
float:left; 
background: #222222; 
box-shadow: 0 0 8px 0 #000;
-moz-box-shadow: 0 0 8px 0 #000;
-webkit-box-shadow: 0 0 8px 0 #000;
}
.html-item-img{
background: #000;
color:#fff;
border:1px solid #000;
margin:0;
overflow:hidden;
z-index:0;
width:100px; 
height:100px;	
}
.html-item-header{
position:absolute;
z-index:1; 
width:95px; 
padding:3px; 
color:#fff;
background: url(//lh4.googleusercontent.com/-JI0y5omDNx0/UlyKfTYPGwI/AAAAAAAAARo/q2EO_y0vp3Q/s1-no/transparent-black.png) repeat;
text-align:left;
}
.html-item-precis{
position:relative; 
z-index:1; 
border:0px solid #fff; 
width:97%; 
text-align:center; 
color:#fff	
}
*:hover #html-container-search{
width:140px; 
height:100%; 
padding-top:90px; 
padding-left:10px;
border-right:0px solid #000;
}
#html-container-search{
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
z-index:1;
position: fixed;
background: url(//lh4.googleusercontent.com/-JI0y5omDNx0/UlyKfTYPGwI/AAAAAAAAARo/q2EO_y0vp3Q/s1-no/transparent-black.png) repeat;
top:0;
left:0;
width: 0;
height: 100%;
overflow: hidden;
box-shadow:inset 0 0 30px #444;
-moz-box-shadow:inset 0 0 30px #444;
-webkit-box-shadow:inset 0 0 30px #444;
color: #fff;
}
.html-tipsy{
color:#fff;
text-decoration:none;
}
.html-tipsy:hover{
color:#fbc900;
text-decoration:none;
}